<template>
  <div>
    <login-header ></login-header>
    <login-content @enlarge-text="handleMessage"></login-content>
  </div>
</template>

<script>
  import LoginHeader from './components/LoginHeader'
  import LoginContent from './components/LoginContent'
  // import bus from '@/photos/eventBus.js';

  export default {
    name: "Login",
    data:function () {
      return{
        username:'***'
      }
    },
    components: {
      LoginContent,
      LoginHeader
    },
    methods:{
      handleMessage:function (name) {
        this.username =  name;
        console.log(this.username);
      }
    }
  }
</script>

<style scoped>
</style>


